<template>
	<view class="complaint-content">
		<view class="item">
			<navigator  url="/pages/complaint/content">
			<view class="title">我要投诉</view>
			<view class="sub-title">快速响应，一键投诉</view>
			<image src="/static/complaint/arrow.png" class="arrow"></image>
			</navigator>
		</view>
		
		<view class="item">
			<navigator  url="/pages/complaint/content">
			<view class="title">我要建议</view>
			<view class="sub-title">有好点子，悉心听取反馈</view>
			<image src="/static/complaint/arrow.png" class="arrow"></image>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.complaint-content{
		width: 100%;
		padding: 30rpx;
		display: flex;
		flex-direction: column;
		.item{
			width: 100%;
			height: 320rpx;
			border-radius: 20rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 50rpx;
			.title{
				font-size: 44rpx;
				font-weight: bold;
				color: #fff;
			}
			.sub-title{
				color:#fff;
				margin: 20rpx 0;
			}
			.arrow{
				width: 60rpx;
				height: 60rpx;
				border-radius: 100%;
			}
		}
		.item:nth-child(1){
			margin-bottom: 40rpx;
			background:#FF8168 url('@/static/complaint/complaint.jpg') no-repeat bottom right;
			background-size: auto 100%;
		}
		.item:nth-child(2){
			background: #32CCCA url('@/static/complaint/advice.jpg') no-repeat bottom right;
			background-size: auto 100%;
		}
	}
</style>